.main {
    position: absolute;
    width: 750px;
    height: 100%;
    background-color: #F5F5F5;
    box-sizing: border-box;

    :global {
        .x-list-item-line-content {
            align-items: center;
            display: flex;
        }
    }

    .userAvatar {
        width: 100px;
        height: 100px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        background-color: #666;
        margin: 20px 0;
        background-size: cover;
    }

    .newInfo {
        position: relative;

        &::after {
            content: '';
            position: absolute;
            width: 3px;
            height: 3px;
            border-radius: 50%;
            right: -5px;
            top: 0;
        }
    }

    :global {
        .x-list-item-line-extra {
            flex-basis: 50%;
        }
    }

    .emailAddress {}
}

.bindEmailWrapper {

    .bindEmailDesc,
    .bindEmailTips {
        text-align: left;
    }

    .bindEmailDesc {
        margin-bottom: 20px;
    }

    .bindEmailTips {
        margin-top: 20px;
    }
}